import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface VoiceCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const VoiceCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: VoiceCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.673 3.063c-.261.08-.533.358-.612.627-.054.18-.061 1.172-.061 8.33 0 9.13-.028 8.346.306 8.68.18.179.458.3.694.3.402 0 .827-.312.939-.69.054-.18.061-1.17.061-8.31 0-9.108.026-8.368-.303-8.697-.279-.279-.63-.361-1.024-.24m-4 3c-.244.075-.523.351-.609.603C7.007 6.835 7 7.386 7 12c0 5.791-.023 5.371.306 5.7.18.179.458.3.694.3.402 0 .827-.312.939-.69.053-.178.061-.856.061-5.31 0-5.757.02-5.373-.303-5.697-.279-.279-.63-.361-1.024-.24m8 0c-.244.075-.523.351-.609.603-.057.169-.064.72-.064 5.334 0 5.791-.023 5.371.306 5.7.18.179.458.3.694.3.402 0 .827-.312.939-.69.053-.178.061-.856.061-5.31 0-5.757.02-5.373-.303-5.697-.279-.279-.63-.361-1.024-.24m-12 3c-.244.075-.523.351-.609.603C3.008 9.829 3 10.137 3 12c0 2.436-.005 2.388.306 2.7.18.179.458.3.694.3.237 0 .514-.12.697-.303C5.002 14.391 5 14.411 5 12s.002-2.391-.303-2.697c-.279-.279-.63-.361-1.024-.24m16 0c-.244.075-.523.351-.609.603-.056.163-.064.471-.064 2.334 0 2.436-.005 2.388.306 2.7.18.179.458.3.694.3.237 0 .514-.12.697-.303.305-.306.303-.286.303-2.697s.002-2.391-.303-2.697c-.279-.279-.63-.361-1.024-.24"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
